/*全局样式*/
html{
	/*position: relative;*/
	height: 100%;
}
body{
	position: relative;
	height: 100%;
}
.container{
	position: relative;
	margin:auto;
	padding:40px 0 20px 0;
	width:900px;

}

.clearfix{
	clear:both;
}
.left,.classify_collection{
	float:left;
}

.left{
	margin-top:128px;
}
/*保存后的提示区域*/
.tip_right{
	background-color: #12AA33;
}
.tip_wrong{
	background-color: #aa2233;
}
.top_tip{
	position: absolute;
	top: 0px;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	z-index:999;
	display: none;
}

/*左侧下拉菜单*/
.dp{
	width: 230px;
	line-height: 40px;
	position: relative;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}
.dp_ti{
	position: relative;
	background-color: #2ea3fd;
	font-size: 20px;
	color:#fff;
}
.down{
	position: absolute;
	top:17px;
	right:15px;
	width: 20px;
	height: 20px;
	font-size: 15px;
	color: #eee;
}

.down_rotate{

	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.dp ul{
	position: relative;
	display: none;
	list-style: none;
	padding:0;
	border: 1px solid #eee;
	border-top: 0;
	margin-bottom: 0;
}
.dp ul li{
	height: 40px;
	padding:0 5px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	color:#585757;
}
.dp_li_lf{
	float:left;
}
.dp_li_rt{
	float:right;
}
.dp ul li span{
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: #c8d4dd;
	vertical-align: middle;
	line-height: 30px;
	margin-left: 5px;
}
.dp ul li span.chosen{
	background-color: #2ea3fd;
	color:#fff;
}
.dp ul li:hover{
	background-color: #f0f0f0;
}
.book_save .dp_li_rt span{
	width: 40px;
	height: 30px;
	padding:2px;
	background-color: #22dd44;

}



/*右部*/

.right{
	position: fixed;
	left: 50%;
	margin-left: -200px;
	width: 650px;
}
/*右上部分分类*/
.right_top{
	height: 450px;
}
/*页面抬头,固定在上方*/

header h2{
	text-align: center;
}
/*.right_top h2{*/
/*text-align: center;*/
/*height: 40px;*/
/*line-height: 40px;*/
/*font-size: 30px;*/
/*color:#5b5a5a;*/
/*}*/
.classify_collection{
	width: 45%;
}
.A_zone{
	margin-right:10%;
}
.classify_collection h3{
	line-height: 35px;
	font-size: 30px;
	text-align: center;
}
.classify_box{
	height: 300px;
	border:1px solid #aaa;
	overflow: auto;
}
.add_book{
	width: 100%;
	height: 40px;
	line-height: 30px;
	padding: 5px;
	font-size: 14px;
	/*background-color: #f0f0f0;*/
}
.add_book:hover{
	background-color: #f0f0f0;
}
.add_book div.add_book_name{
	float:left;
	width: 220px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.add_book div.add_book_remove{
	float:right;
	padding:0 5px;
	cursor: pointer;
}
/*右下*/

.right_bottom_lf,.right_bottom_rt,.operation{
	float:left;
}
.right_bottom_lf{
	font-size: 20px;
	margin-right: 30px;
	line-height: 34px;

}
.operation_select{
	height: 60px;
}

.operation_select img,#form_logic{
	cursor: pointer;
	margin-right: 67px;
	padding:1px;

}
.voc_logic_must{
	display: none;
	font-size: 20px;
	color:red;
}
.right_bottom_btn_area{
	text-align: center;
	margin-top: 10px;
}
.confirm{
	width: 25%;
	background-color: #2ea3fd;
	color:#fff;
	font-size: 16px;
	box-shadow: inset;
}
/*表单遮罩层*/
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	background: rgba(144, 144, 144,0.5);
	z-index: 1;
	display: none;
}
.confirm_form{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -250px;
	width: 500px;
	height: 360px;
	background-color: white;
	padding: 20px;
}
.confirm_form div:first-child{
	text-align: right;
	cursor: pointer;
}
.confirm_form div{
	line-height: 25px;
	font-size:16px;
	clear:both;
	margin-bottom: 20px;
}
.confirm_form div.form_tip{
	margin-left: 25%;
	margin-top: -15px;
	margin-bottom: 5px;
	display: none;
}
.confirm_form span.lf{
	display: inline-block;
	float:left;
	width: 25%;
}
.confirm_form span.must{
	color: red;
}
.confirm_form input,.confirm_form textarea{
	width: 50%;
}

.submit{
	padding-left: 25%;
}
.submit input{
	width: 32%;
}



